<extend name="Public/template" />

<block name="body">
    <!-- 标题栏 -->

    <div class="am-tabs" id="userTab">
        <ul class="am-tabs-nav am-nav am-nav-tabs">
            <li  class="am-active"><a href="javascript: void(0)">修改昵称</a></li>
            <li><a href="javascript: void(0)">修改密码</a></li>
        </ul>
        <div class="am-tabs-bd">
            <div class="am-tab-panel am-active">
                <form action="{:U('User/submitNickname')}" method="post" class="am-form">
                    <fieldset>
                        <div class="am-form-group">
                            <label class="item-label">密码：<span class="check-tips">（请输入密码）</span></label>
                            <div class="controls">
                                <input type="password" name="password" class="text "  autocomplete="off"/>
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label class="item-label">昵称：<span class="check-tips">（请输入新昵称）</span></label>
                            <div class="controls">
                                <input type="text" name="nickname" class="text " autocomplete="off" value="{:get_username()}"/>
                            </div>
                        </div>
                        <div class="am-form-group">
                            <button type="submit" class="btn submit-btn ajax-post" target-form="form-horizontal">确 认</button>
                            <button class="btn btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="am-tab-panel ">
                <form action="{:U('User/submitPassword')}" method="post" class="am-form">
                    <fieldset>
                        <div class="am-form-group">
                            <label class="item-label">原密码：</label>
                            <input type="password" name="old" class="text" autocomplete="off" />
                        </div>
                        <div class="am-form-group">
                            <label class="item-label">新密码：</label>
                            <input type="password" name="password" class="text" autocomplete="off" />
                        </div>
                        <div class="am-form-group">
                            <label class="item-label">确认密码：</label>
                            <input type="password" name="repassword" class="text" autocomplete="off" />
                        </div>
                        <div class="am-form-group">
                            <button type="submit" class="am-btn am-btn-primary ajax-post" target-form="form-horizontal">确 认</button>
                            <button class="am-btn am-btn-secondary" onclick="javascript:history.back(-1);return false;">返 回</button>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</block>

<block name="script">
    <script src="__STATIC__/thinkbox/jquery.thinkbox.js"></script>
    <script>
        $(function() {
            $('#userTab').tabs();
        })
    </script>
</block>
